<template>
  <el-table
          :data="tableData"
          style="width: 100%"
          border
          :row-class-name="tableRowClassName"
          >
    <table-list v-for="">

    </table-list>
  </el-table>
</template>

<script>
  import TableList from "./TableList";
  export default {
    name: "Table",
    props:{
      tableData:{
        type : Array,
        default(){
          return []
        }
      }
    },
    computed:{
      length(){

      }
    },
    components:{
      TableList
    },
    methods:{
      tableRowClassName({row, rowIndex}) {
        if (rowIndex % 2 === 0) {
          return 'warning-row';
        }
        return '';
      }
    }
  }
</script>

<style scoped>
  /deep/ .el-table .warning-row {
    background-color: oldlace;
  }
</style>